<?php
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>
<script type="text/javascript">
    
    //Variables globales
    var impuestoVenta = 0;
    var precioInicial = 0;
    var precioXUnidades = 0;
    var precioXCajas = 0;
    var plazo = 0;
    //$(window).load(function(){alert("Hola windows");})
    var blnArticuloEdit = false;
    
    $(document).ready(function(){
      
        obtener_Nombre();
        obtener_TipoPrecio();
        cargar_Pedidos_Pendientes();
        cargar_Familias();
        //$("#minimo").val("0");
        //$("#maximo").val("0");
        $("#precioSugerido").val("0.0");
        $("#total").val("0.0");
        $("#totalDescontado").val("0.0");
        
        
        
        $("#hddFactor").change(function(evento){
            var factor = $("#hddFactor").val();
            //alert(factor);
                        
        });

        
        // Al cambiar el combo Pedido busca los detalles de dicha Pedido
        $("#cmbPedidos").change(function(evento){
            var idPedido = $("#cmbPedidos").val();
            $("#txtPedido").val(idPedido);
            cargarDetallesPedido(idPedido);
                        
        });
        
        //////////////////////////////////////////////////////////////////////////
        ///////Incio del codigo para mostrar familias...//////////////////////////
        //////////////////////////////////////////////////////////////////////////
        //
        //Esconde las opciones de familias por primera vez, al recorrer la pagina
        $("#divChoicesFamily").hide();
        
        
        // Al hacer click en buscar trae las familias y las despliega en una tabla
        $('.btnBuscaFamilias').on('click', function(){
            $('#divChoicesFamily').show()
            thefield = $(this).prev()
            $('.btnselect').on('click', function(){
                
                $('#bodyFamilia td').click(function(){
                    value = $(this).next().text();
                    thefield.val( value )
                    
                });
                //Oculta la tabla para que siga digitando el usuario
                $('#divChoicesFamily').hide()
                
                //Se recorre los input y se le establece falso para la siguiente ver q se busque este des chequeado
                for(i=0; i<document.getElementsByTagName('input').length;i++){
                    document.getElementsByTagName('input')[i].checked = false;
                }
            })
        });
        
        //Boton para esconder la tabla de familias
        $('.btnEsconder').on('click', function(){
            $('#divChoicesFamily').hide()
        });

        //////////////////////////////////////////////////////////////////////////
        ///////Fin del codigo para mostrar familias...//////////////////////////
        ////////////////////////////////////////////////////////////////////////// 
       
       
       
       
        //////////////////////////////////////////////////////////////////////////
        ///////Incio del codigo para mostrar articulos...//////////////////////////
        //////////////////////////////////////////////////////////////////////////
        //
        //Esconde las opciones de familias por primera vez, al recorrer la pagina
        $("#divChoicesArticulo").hide();
        
        
        // Al hacer click en buscar trae las familias y las despliega en una tabla
        $('.btnBuscaArticulos2').on('click', function(){
            cargar_Articulos();
            $('#divChoicesArticulo').show()
            
            //thefield = $(this).prev()
           
        });
        
        //Boton para esconder la tabla de familias
        $('.btnEsconder').on('click', function(){
            $('#divChoicesArticulo').hide()
        });
        
        
        

        //////////////////////////////////////////////////////////////////////////
        ///////Fin del codigo para mostrar articulos...//////////////////////////
        ////////////////////////////////////////////////////////////////////// 
        
        
        $('#minimo').on('input', function(){
            precioXUnidades = ($('#minimo').val()* precioInicial);
            precioXCajas = ($('#maximo').val() * precioInicial * $('#hddFactor').val());
            $('#total').val(formatMoney(precioXUnidades +  precioXCajas));
            CalculoTotalDescuento($('#total').val().replace(',',''));
           
        });
        
        
        
        $('#maximo').on('input', function(){
            precioXUnidades = ($('#minimo').val()* precioInicial);
            precioXCajas = ($('#maximo').val() * precioInicial * $('#hddFactor').val());            
            $('#total').val(formatMoney(precioXCajas +  precioXUnidades));            
            CalculoTotalDescuento($('#total').val().replace(',',''));
        });
        
        $('#cmbDescuento').on('change', function(){
            precioXUnidades = ($('#minimo').val()* precioInicial);
            precioXCajas = ($('#maximo').val() * precioInicial * $('#hddFactor').val());            
            $('#total').val(formatMoney(precioXCajas +  precioXUnidades)); 
            CalculoTotalDescuento($('#total').val().replace(',',''));
        });
        
        
       $('#finalizaPedido').on('click', function(){
            
            finalizarPedidos();           
                        
        }); 
        

        $('#codigo').on('input', function(){
            
            seleccionarArticulo();
            ChargeDiscount();
                        
        });
    
        $('#btnModified').hide();
    });
    
   
    function seleccionarArticulo()
    {      
        var codArticulo = $("#codigo").val();
        var accion='seleccionarArticulo';
        
        $.get("controladores/ajaxControlador.php",{accion:accion,codArticulo:codArticulo},function(resultado){
            if(resultado == false)
            {
                alert("Error");
            }
            else
            { 
                $('#bodyArticulo').append(resultado);
                $('#bodyArticulo').empty();                
                
            }
            
            
        });
    }
    function cargar_Pedidos_Pendientes()
    {       
        //alert('cargar_Pedidos_Pendientes');
        var accion='cargarPedidosPendientes';
        var fecha = CalcFecha();
        $.get("controladores/ajaxControlador.php",{accion:accion},function(resultado){
            if(resultado == false)
            {
                 //alert("Error cargar_Pedidos_Pendientes");
                 resultado = false;
            }
            else
            {  
                //alert('Se cargan  los Pedidos_Pendientes');
                $('#cmbPedidos').append(resultado);
                   
                var cmbPedidos=document.getElementById("cmbPedidos");
                
                if(cmbPedidos.length > 0)
                {
                    cmbPedidos.options[1].value;
                    //alert(strUser);
                    //alert(cmbPedidos[1].attr('value'));
                    cmbPedidos[1].selected =true;
                    cargarDetallesPedido(cmbPedidos.value);
                    
                    //cmbPedidos.change();
                }    
                
                
            }
            
        });
        
    }
    
    function cargarDetallesPedido(idPedido)
    {       
        $("#txtPedido").val(idPedido);
        //$("tbody").empty();
        $('#bodyPedidoDetalle').each(function() {
            $(this).empty();
        });
        var accion='cargarDetallesPedido';
        //var fecha = CalcFecha();
        $.get("controladores/ajaxControlador.php",{accion:accion,idPedido:idPedido},function(resultado){
            if(resultado == false)
            {
                alert("Error");
            }
            else
            {  
                $('#bodyPedidoDetalle').append(resultado);
                   
                //var cmbPedidos=document.getElementById("cmbPedidos");
                //cmbPedidos[0].selected =true;
                
            }
            $('#thCodigoPedido').click();
            
        });
    }
    
    function cargar_Familias()
    {       
        
        $('#bodyFamilia').each(function() {
            $(this).empty();
        });
        var accion='cargarFamilias';
        //var fecha = CalcFecha();
        $.get("controladores/ajaxControlador.php",{accion:accion},function(resultado){
            if(resultado == false)
            {
                alert("Error");
            }
            else
            {  
                $('#bodyFamilia').append(resultado);
                   
                //var cmbPedidos=document.getElementById("cmbPedidos");
                //cmbPedidos[0].selected =true;
                
            }
            $('#thCodigo').click();
            
        });
    }
    
    function cargar_Articulos()
    {       
        
        $('#bodyArticulo').each(function() {
            $(this).empty();
        });
        var accion      = 'cargarArticulos';
        var tipoPrecio  = $('#hddTipoPrecio').val();
        var familia     = $('#idFamilia').val();
        //var fecha = CalcFecha();
        $.get("controladores/ajaxControlador.php",{accion:accion,tipoPrecio:tipoPrecio,familia:familia},function(resultado){
            if(resultado == false)
            {
                alert("Error");
            }
            else
            {  
                $('#bodyArticulo').append(resultado);          
                
            }
            $('#thCodigoArticulo').click();
            
        });
    }

    
    function showList() {
        var tipoPrecio= $('#hddTipoPrecio').val();
        var familia= $('#idFamilia').val();
        sList = window.open("index.php?accion=listaArticulos&controlador=cliente&hddTipoPrecio="+tipoPrecio+"&idFamilia="+familia , "list");
    }
    
    function remLink() {
        alert("relink");
        if (window.sList && window.sList.open && !window.sList.closed)
            window.sList.opener = null;
    }
    
    function buscaAriculo()
    {
        var codArticulo;
        
        codArticulo         = $('#codigo').val();
        
        $.get("controladores/ajaxControlador.php",{accion:accion,idPedido:idPedido},function(resultado){
            if(resultado == false)
            {
                alert("Error");
            }
            else
            {  
                $('#bodyPedidoDetalle').append(resultado);                   
                
                
            }
        });
        
        
    }
    function ChargeDiscount()
    {
        var fixDisc;
        var bidDisc;
        var competitionDisc;
        //fixDisc         = $('#hddDescuentoFijo').val();
        bidDisc         = $('#hddDescuentoPromocion').val();
        //competitionDisc = $('#hddDescuentoCompetencia').val();
        
        
        CompleteCmbDiscount(bidDisc);
        
        if($('#hddFactor').val() == 1 )//|| $('#minimo').val() == 0)
            $('#minimos').hide();
         
        if($('#hddImpVenta').val() == "S")
            impuestoVenta = true;
        else
            impuestoVenta = false;      
        
        
    }
    
    function CompleteCmbDiscount(bidDisc)
    {
        $('#minimos').show();
        $('#cmbDescuento').show();
        var rango = 0.25;
        var i = 0;
        var disc;
        if($('#hddTipoCliente').val() != 99)
            {
               disc = rango * i; 
                while (disc < bidDisc)
                {                    
                    disc = rango * i;
                    //$('#cmbDescuento').append('<option value="foo" selected="selected">Foo</option>');                    
                    $('#cmbDescuento').append('<option value="'+ disc +'">'+ disc +'</option>');
                    i++;
                }
                
            }
        else
             $('#cbcDesc').hide();
         
        }
    function CheckArticulo(codArticulo,factor,unidades,descFijo,descPromocion,descCompetencia,precioSugerido,impVenta,
    codCompannia,precio,precioDolar,precioEspecial,precioEspecialDolar,tipoCambio,codGrupoBonifica,descripcionCorta,presentacion,presentacion2)
    {
        
        $('#codigo').val(codArticulo);
        $('#divChoicesArticulo').hide();
        precioInicial = precio;
        $('#hddPrecioInicial').val(precioInicial);
        $('#precioSugerido').val(precioSugerido);
        $('#hddCodCompania').val(codCompannia);
        $('#hddFactor').val(factor);
        $('#hddImpVenta').val(impVenta);
        $('#hddDescuentoFijo').val(descFijo);
        $('#hddDescuentoPromocion').val(descPromocion); 
        $('#hddDescuentoCompetencia').val(descCompetencia); 
        
        $('#hddGrupoBonifica').val(codGrupoBonifica);
        $('#hddTipoCambio').val(tipoCambio);
        $('#descripcionCorta').val(descripcionCorta);
         
                
        if(factor > 0){
                    
                    //window.opener.document.ClienteFactura.hddFactor.value = factor;
                    var minimo = unidades % factor;
                    var maximo = (unidades - minimo)/ factor;
                    
                    //Estos campos deben estar dentro del form que llama a esta pagina
                    $('#hddUnidadesBodega').val(unidades);

                    $('#hddMaximoLabel').val(maximo);

                    $('#maximoLabel').html(presentacion + ": " + maximo);
                    //$("#maximo").attr({"max" : maximo, "min": 0});
                    
                                   
                    $('#hddMinimoLabel').val(minimo);
                    $('#minimoLabel').html(presentacion2 + ": " + minimo);
                    
                    //window.opener.document.getElementById('minimo').max = minimo;
                    //$("#minimo").attr({"min": 0});
                    //window.opener.document.getElementById('minimo').min = minimo;
                    
                    $('#hddFindArticulo').val(true);              
        
                  
                }
                else{
                    $('#maximo').val(0); 
                    $('#minimo').val(0); 
                    $('#hddFindArticulo').val(false);   
                    
                }
                
                SearchDelivery();//BUSCAR PLAZO
                //SearchDiscount();//BUSCAR DESCUENTO
                SearchAvailability();//BUSCAR CANTIDAD BODEGA
         $('.btnselectArticulos').attr('checked', false); // Unchecks it
         ChargeDiscount();
    }
    
    function  SearchDelivery()//BUSCAR PLAZO
    {
        
        if ($('#hddPlazo').val() == 0)
            {
                var accion = 'selectClienteArticulosPlazo';
                var codigoArticulo = $('#codigo').val();
                
                $.get("controladores/ajaxControlador.php",{accion:accion,codigoArticulo:codigoArticulo},function(resultado){
                if(resultado == false)
                {
                    $('#hddPlazo').val(0);
                    
                }
                else
                {  
                    $('#hddPlazo').val(resultado);
                    

                }
                
            
            
        });
                
    }
    }
    
    function finalizarPedidos()
    {
            var pedido = $('#cmbPedidos').val();
            var accion = "finalizarPedido";
            //alert(pedido);
            $.get("controladores/ajaxControlador.php",{accion:accion,pedido:pedido},function(resultado){
            
            if(resultado == false)
            {
                 alert("Error finalizar_Pedidos_Pendientes");
                 resultado = false;
            }
            else
            {  
                alert('Se ha finalizado correctamente');  
                $( "#formFinish" ).submit();               
                
                
            }
            
            
        });    
    }
    function  SearchAvailability()//BUSCAR PLAZO
    {
        
        if ($('#hddPlazo').val() == 0)
            {
                var accion = 'selectClienteArticulosPlazo';
                var codigoArticulo = $('#codigo').val();
                
                $.get("controladores/ajaxControlador.php",{accion:accion,codigoArticulo:codigoArticulo},function(resultado){
                if(resultado == false)
                {
                    $('#hddPlazo').val(0);
                    
                }
                else
                {  
                    $('#hddPlazo').val(resultado);
                    

                }
                
            
            
        });
                
    }
    }

function confirmUpdate(codigo,max,min,factor,monto)
{
    
    alertify.confirm("<p>\u00bfDesea actualizar el registro?</p>", function (e) {
        if (!e) {
                alertify.error("Has pulsado '" + alertify.labels.cancel + "'");
                return false ;

                } else {
                    alertify.success("Has pulsado '" + alertify.labels.ok + "'");
                    $('#tb1')[0].click();
                    $('#codigo').prop('readonly', true);
                    $('.btnBuscaArticulos2').prop('disabled', true);
                    $('#btnAdd').hide();
                    $('#btnModified').show();
                    $('#codigo').val(codigo);
                    $('#hddFactor').val(factor);
                    seleccionarArticulo();
                    $('#minimo').val(min);
                    $('#maximo').val(max);
                    $('#total').val(monto);
                    
                }
      });    
      
    
        
}

function CalculoTotalDescuento(monto)
{
    
    if($('#cmbDescuento').val() != 0)
        $('#hddDescuentoPromocion').val($('#cmbDescuento').val());
    else
        $('#hddDescuentoPromocion').val(0);    
    
    monto = monto - (monto * $('#hddDescuentoFijo').val()/100) - (monto * $('#hddDescuentoPromocion').val()/100) - (monto * $('#hddDescuentoCompetencia').val()/100);
    $('#totalDescontado').val(formatMoney(monto));     
}

</script>

<script type="text/javascript">
   
    $(document).ready(function(){


        $(document).ajaxStart(function(){
            //alert("Conforme");
            $("#load").css("display","block");
        }).ajaxComplete(function(){
            //alert("Feliz");
            $("#load").css("display","none");
        });
    });    
</script>
<ul class="breadcrumb">
    <li><a href="index.php">Inicio</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=paginaPrincipal">Men&uacute; principal</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=listarClientesXDia&controlador=cliente">Cliente selecci&oacute;n</a> <span class="divider">&raquo;</span></li>
    <?php echo "<li><a href=index.php?accion=MenuClienteSeleccion&id=".$_SESSION['IdCliente']."&tipoCliente=".$_SESSION['TipoCliente'].">Men&uacute; cliente</a> <span class='divider'>&raquo;</span></li>"?>
    <li class="active">Cliente pedido</li>
</ul>
 
<div class="col_12">
   


   
    <!--<a href="index.php?accion=listaArticulos&controlador=cliente&hddTipoPrecio=" target="_blank" class="playSong" data-info="#artist# - #song#">Play Track</a>-->
    <!--Campos hidden-->
    <form  action="index.php?accion=agregarLineaPedidos&controlador=cliente" method="post" id="frmCliente" name="frmCliente" onSubmit="">
    <input type="hidden" id="hddTipoPrecio" name="hddTipoPrecio">
    <input type="hidden" id="hddTipoCliente" name="hddTipoCliente" value="<?php echo $_SESSION['TipoCliente']?>">
    <input type="hidden" id="hddEncontroArticulo" name="hddEncontroArticulo" value="">
    
    
    <!--Fin campos hidden-->
<div id="divId" style="display:none;"></div>
    <h3 style="color:#999;margin-bottom:10px;" class="center">Pedido de ventas</h3>
    <label style="font-size:120%;color:#999;margin-bottom:10px;" for="cliente">C&oacute;digo Cliente: <?php echo $_SESSION['IdCliente'] ?></label>
   
    
    <label id="cliente" style="font-size:120%;color:#999;margin-bottom:10px;" for="cliente"></label>
    <h3>
        <div id="totalTxt" style="color:green;margin-bottom:10px;float: right;"></div>
    </h3>
    <div id="tabs" class="col_12">
        <ul class="tabs left">
            <li><a id="tb1" href="#tabr1">Venta</a></li>
            <li><a href="#tabr2">Detalle</a></li>
            <li><a href="#tabr3">Pregunta</a></li>
        </ul>

        
                    <input type="hidden" id="hddDescuentoFijo" name="hddDescuentoFijo">
                    <input type="hidden" id="hddDescuentoPromocion" name="hddDescuentoPromocion">
                    <input type="hidden" id="hddDescuentoCompetencia" name="hddDescuentoCompetencia">
                    <input type="hidden" id="hddFactor" name="hddFactor">
                    <input type="hidden" id="hddImpVenta" name="hddImpVenta">
                    <input type="hidden" id="hddUnidadesBodega" name="hddUnidadesBodega">
                    <input type="hidden" id="hddMaximoLabel" name="hddMaximoLabel">
                    <input type="hidden" id="hddMinimoLabel" name="hddMinimoLabel">
                    <input type="hidden" id="hddFindArticulo" name="hddFindArticulo">
                    <input type="hidden" id="hddCodCompania" name="hddCodCompania">
                    <input type="hidden" id="hddPrecioInicial" name="hddPrecioInicial"/>
                    
                    <input type="hidden" id="hddGrupoBonifica" name="hddGrupoBonifica">
                    <input type="hidden" id="hddTipoCambio" name="hddTipoCambio">
                    
                    
                    
        <div id="tabr1" class="tab-content">
            <div class="col_12">
                <div>
                    <div class="divform">
                        
                        Nombre Art&iacute;culo: <input id="descripcionCorta" name="descripcionCorta" type="text" readonly/>
                        <br/>
                        <label>Familias: </label>
                        <!--<input size="10" type="number" id="idFamilia" name="idFamilia"/>-->
                        <input type="text" name="idFamilia" value="" id="idFamilia" placeholder="Id Familia" autocomplete="on" tabindex="1" class="txtinput"/>
                        <input type="button"  class="btnBuscaFamilias" value="Buscar"/>
                        
                        <br/>


                    </div>

                    <div id="divChoicesFamily">

                        <br/>
                        <div class="tab-pane active" id="demo">

                            <p>
                                Busqueda: <input id="filter" type="text"/>
                                <!--Plazo:
                                <select class="filter-status">
                                    <option></option>
                                    <option value="N">N</option>
                                    <option value="S">S</option>
                                    
                                </select>-->
                                <br/>
                                <a href="#clear" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                                <input type="button"  class="btnEsconder" value="Esconder"/>
                                <!--<span class="row-count"></span>-->
                            </p>
                            <table class="table demo" data-filter="#filter" data-page-size="10">
                                <thead>
                                    <tr>
                                        <th data-toggle="true">
                                            Selecci&oacute;n
                                        </th>
                                        <th id="thCodigo" data-toggle="true">
                                            C&oacute;digo
                                        </th>
                                        <th data-toggle="true">
                                            Descripci&oacute;n
                                        </th>

                                    </tr>
                                </thead>
                                <tbody id="bodyFamilia">

                                    <!--Aqui se insertan lo tr generados por jquery mediante el metodo cargarFamilias()-->

                                </tbody>
                                <tfoot class="hide-if-no-paging">
                                    <tr>
                                        <td colspan="100">
                                            <div class="pagination pagination-centered"></div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <br/>                           

                    </div>
                    
                </div>


                
                    
                    <div id="wrapping" class="clearfix">
                        <div>
                            <label for="codigo">C&oacute;digo:</label>
                            <input oninput="return ChargeDiscount(this);" type="text" name="codigo" value="" id="codigo" placeholder="C&oacute;digo &Aacute;rticulo" tabindex="1" class="txtinput"/>
                            <input type="button"  class="btnBuscaArticulos2" value="Buscar"/>                   

                        </div>
                        
                        <div id="divChoicesArticulo">

                        <br/>
                        <div class="tab-pane active" id="demoArticulo">
                            
                            <p>
                                Busqueda: <input id="filterArticulo" type="text"/>

                                <br/>
                                <a href="#clear" class="clear-filter" title="Limpiar campos"><i class="icon-rss"></i> Limpiar</a>
                                <input type="button"  class="btnEsconder" id="btnEsconder" name="btnEsconder" value="Esconder"/>    

                                <span class="row-count"></span>
                            </p>
                            <table class="table demo" data-filter="#filterArticulo" data-page-size="10">
                                <thead>
                                    <tr>

                                        <th data-toggle="true">
                                            Selecci&oacute;n
                                        </th>
                                        <th id="thCodigoArticulo" data-toggle="true">
                                            C&oacute;digo
                                        </th>
                                        <th data-hide="phone">
                                            Compa&ntilde;ia
                                        </th>
                                        <th data-hide="phone">
                                            Familia
                                        </th>
                                        <th data-toggle="true">
                                            Descripci&oacute;n
                                        </th>
                                        <th data-hide="phone">
                                            Factor
                                        </th>
                                        <th data-hide="phone">
                                            IV
                                        </th>
                                        <th data-hide="phone">
                                            Precio
                                        </th>
                                        <th data-hide="phone">
                                            Precio Dolar
                                        </th>
                                        <th data-hide="phone">
                                            Precio Especial
                                        </th>
                                        <th data-hide="phone">
                                            Precio Especial Dolar
                                        </th>
                                        <th data-hide="phone">
                                            Precio Sugerido
                                        </th>
                                        <th data-hide="phone">
                                            Tipo Cambio
                                        </th>
                                        <th data-hide="phone">
                                            Grupo Bonifica
                                        </th>
                                        <th data-hide="phone">
                                            Unidades
                                        </th>

                                    </tr>
                                </thead>
                                <tbody id="bodyArticulo">

                                    <!--Aqui se insertan lo tr generados por jquery mediante el metodo cargarFamilias()-->

                                </tbody>
                                <tfoot class="hide-if-no-paging">
                                    <tr>
                                        <td colspan="100">
                                            <div class="pagination pagination-centered"></div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                            <br/>
                        </div>
                        <br/>                           

                    </div>
                            

                           

                        </div>
                        <section id="maximos">
                            <label id="maximoLabel" for="maximo">MAX:</label>
                            <input type="number" name="maximo" value="" id="maximo" placeholder="0" autocomplete="on" tabindex="2" class="txtinput"/>
                        </section>
                        <section id="minimos">
                            <label id ="minimoLabel" for="minimo">MIN:</label>
                            <input type="number" name="minimo" value="" id="minimo" placeholder="0" autocomplete="on" tabindex="3" class="txtinput"/>
                        </section>
                        
                        <section id="cbcDesc"> 
                            <label for="descuento">Descuento:</label>
                            <select id="cmbDescuento" name="cmbDescuento" tabindex="4" class="selmenu">
                                <option value="0">Selecciona Uno...</option>

                            </select>
                        </section>
                        <br/>



                    </div>
                    <div class="col_12">
                        <ul class="button-bar">
                            <li id="btnAdd" class="first">
                                <a href="#">
                                    <input type="submit" class="blue" value=" AGREGAR "/>
                                </a>
                            </li>
                            <li id="btnModified" class="last">
                                <a href="#">
                                    <input type="submit" class="blue" value=" MODIFICAR "/>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col_12">
                        PS<input id="precioSugerido" name="precioSugerido" type="text" readonly class="col_4"/>
                        Neto<input id="totalDescontado" name="totalDescontado" type="text" readonly class="col_4" value=""/>   
                        
                        <br/>
                        TL<input id="total" name="total" type="text" readonly class="col_4" value=""/>
                        
                        
                        
                    </div>
            Plazo <input type="text" id="hddPlazo" name="hddPlazo" readonly class="col_2">
            
            
                
            </div>


        </div>
        <div id="tabr2" class="tab-content">
            
            <div class="col_12">
                <h3 style="color:#999;margin-bottom:10px;" class="center">Pedidos Pendientes</h3>

                


                    <section id="cbcPedidos"> 
                        <label for="cmbPedidos">N&uacute;mero de Pedido:</label>
                        <select id="cmbPedidos" name="cmbPedidos" tabindex="4" class="selmenu">
                            <option value="0">Selecciona Uno...</option>

                        </select>
                    </section>
                    <br/>


                
            </div>
            <div class="col_12">

        
                <div id="divPedidos">

                        <br/>
                        <input type="button" id="finalizaPedido" name="finalizaPedido" style="float: right;" class="large red" value="Finalizar pedido"/>
                <div class="tab-pane active" id="demoPedidos">

                    <p>
                        Busqueda: <input id="filterPedidos" type="text"/>
                        <!--Plazo:
                        <select class="filter-status">
                            <option></option>
                            <option value="N">N</option>
                            <option value="S">S</option>
                            
                        </select>-->
                        <br/>
                       <a href="#clear" class="clear-filter" title="Limpiar campos"><i class="icon-rss"></i> Limpiar</a>
                        <span class="row-count"></span>
                    </p>
                    <table class="table demo" data-filter="#filterPedidos" data-page-size="10">
                        <thead>
                            <tr>
                                <th id="thCodigoPedido" data-toggle="true">
                                    C&oacute;digo
                                </th>
                                <th data-toggle="true">
                                    Descripci&oacute;n
                                </th>
                                <th data-hide="phone">
                                    IV
                                </th>
                                <th data-hide="phone">
                                    MAX
                                </th>
                                <th data-hide="phone">
                                    MIN
                                </th>
                                <th data-hide="phone">
                                    Neto
                                </th>
                                <th data-hide="phone">
                                    Descuento
                                </th>
                                <th data-toggle="true">
                                    Acciones
                                </th>


                            </tr>
                        </thead>
                        <tbody id="bodyPedidoDetalle">

                            <!--Aqui se insertan lo tr generados por jquery mediante el metodo cargarDetallesPedido()-->

                        </tbody>
                        <tfoot class="hide-if-no-paging">
                                    <tr>
                                        <td colspan="100">
                                            <div class="pagination pagination-centered"></div>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                            <br/>
                            
                        </div>
                        <br/> 
                        </div>

            </div>


        </div>
        <div id="tabr3" class="tab-content">


        </div>
               
        </form>
    <form id="formFinish" method="post" action="reportes/archivos/pedido.php">
    <div>
    <input type="hidden"  id="txtPedido" name="txtPedido" />
    <input type="hidden"  id="strTipoImpresion" name="strTipoImpresion" value="ORIGINAL"/>
    <input type="hidden"  id="txtTipoDocumento" name="txtTipoDocumento" value="PEDIDO"/>
    <input style="display: none;" type="submit">
    </div>
    </form>
    <span></span>
    
    </div>

</div>